<template>
  <div class="desc">
    <div class="desc-main" v-if="value">
      <span class="label">{{label}}</span>
      <slot name="value">
        <span :class="fashion">{{value}}</span>
      </slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'desc-tpl',
  props: {
    label: String,
    value: String,
    fashion: {
      type: String,
      default: 'grey'
    }
  },
  computed: {
    show() {
      return this.value && this.value !== void (0) && this.value == ''
    }
  }
}
</script>
<style lang="less" scoped>
.desc {
  width: 100%;

  font-size: 0.28rem;
  color: #666666;
  // margin-bottom: 0.32rem;
  font-weight: 400;
  .desc-main {
    width: 100%;
    margin-bottom: 0.32rem;
    display: flex;
    justify-content: space-between;
  }
  .grey {
    color: #666666;
  }
  .normal {
    color: #222222;
  }
  .stress {
    color: #ff800e;
    font-weight: 600;
  }
}
</style>
